import { Component, Prop } from 'vue-property-decorator'
import * as tsx from 'vue-tsx-support'

export interface IName {
  name: string
}

@Component({
  name: 'Hello'
})
export default class Hello extends tsx.Component<IName> {
  @Prop({
    required: true,
    default: 'world'
  })
  public name!: IName;

  protected render() {
    return (
      <div>hello {this.name}</div>
    )
  }
}